<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据绑定</title>
    <script src="../js/vue.js"></script>

</head>
<body>

    <div id="root">
        单向数据绑定：<input type="text" :value="name"> <br/>
        双向数据绑定：<input type="text" v-model="name"> <br/>
        <h2 v-bind:x ="name">你好</h2>
    </div>
    <script>
        new Vue({
            el:'#root',
            data:{
                name:'百度',
            }
        })
    </script>
</body>
</html>